
<div id="xxx" class="fluent-profile-menu" tabindex="1" blazor:onclick="1" blazor:onkeydown="2" b-rsm9d6pikk="">
  <div id="xxx" class="fluent-persona" style="height: inherit;" position="end" b-n7zog0zvqi="">
    <div class="initials" b-n7zog0zvqi="">
      <div class="fluent-presence-badge" title="" b-1o8tp31nhy="">
        <div style="display: table-cell; vertical-align: middle; width: 32px; min-width: 32px; height: 32px; min-height: 32px;" b-n7zog0zvqi="">DV</div>
      </div>
    </div>
  </div>
</div>
<div class="fluent-overlay" style="cursor: auto; position: fixed; display: flex; align-items: center; justify-content: center; z-index: 9900;" blazor:onclick="3" blazor:oncontextmenu="4" blazor:oncontextmenu:preventdefault="" b-xkrr7evqik="">
  <div b-xkrr7evqik=""></div>
</div>
<fluent-anchored-region id="xxx" anchor="xxx" horizontal-positioning-mode="dynamic" horizontal-default-position="start" horizontal-inset="" horizontal-threshold="0" horizontal-scaling="content" vertical-positioning-mode="dynamic" vertical-default-position="bottom" vertical-threshold="0" vertical-scaling="content" auto-update-mode="auto" style="z-index: 9999;" b-2ov9fhztky="" blazor:elementreference="xxx">
  <div style="z-index: 9999; background-color: var(--neutral-layer-floating); box-shadow: var(--elevation-shadow-flyout);" b-2ov9fhztky="">
    <div class="stack-vertical" style="align-items: start; justify-content: start; column-gap: 10px; row-gap: 10px; width: 100%;" b-0nr62qx0mz="">
      <div class="fluent-popover-content" b-qp3z8ghd2d="">
        <div part="header" b-qp3z8ghd2d="">Header</div>
        <div part="body" b-qp3z8ghd2d="">Body</div>
        <div part="footer" b-qp3z8ghd2d="">Footer</div>
      </div>
    </div>
  </div>
</fluent-anchored-region>